<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Airbnb</title>
    <link href="../resource/bootstrap-3.3.5-dist/css/bootstrap.css" rel="stylesheet">
    <link href="../resource/css/main.css" rel="stylesheet">
</head>
<body>
<div class="nav">
    <div class="container">
        <ul class="pull-left paddingright">
            <li><a href="#">Name</a></li>
            <li><a href="#">Browse</a></li>
        </ul>
        <ul class="pull-right paddingright">
            <li><a href="#">Sign Up</a></li>
            <li><a href="#">Log In</a></li>
            <li><a href="#">Help</a></li>
        </ul>
    </div>
</div>

<div class="pull-left">

</div>
<div class="jumbotron">
    <div class="container">s
        <h1>Find a place to stay.</h1>
        <p>Rent from people in over 34,000 cities and countries.</p>
        <a href="#">Learn More</a>
    </div>
</div>
<div class="Neighborhood">
    <div class="container">
        <div class="Guides">
            <h1>Neighborhood Guides</h1>
            <p>Not sure where to stay?We've created neighborhood guides for cities all around the world.</p>
        </div>
    </div>
</div>
<div class="row">
    <div class="container">
        <div class="col-md-4 paddingright">
            <div class="thumbnail">
                <img src="../resource/img/mexico-city.png" alt="Mexico"/>
            </div>
            <div class="thumbnail">
                <img src="../resource/img/ny.png" alt="NewYork"/>
            </div>
        </div>
        <div class="col-md-4 paddingright">
            <div class="thumbnail">
                <img src="../resource/img/paris.png" alt="Paris"/>
            </div>
            <div class="thumbnail">
                <img src="../resource/img/tokyo.png" alt="Tokyo"/>
            </div>
        </div>
        <div class="col-md-4 paddingright">
            <div class="thumbnail">
                <img src="../resource/img/invite.png" alt="Invite"/>
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="container">
        <div class="col-md-4 paddingright">
            <h2>Travel</h2>
            <p>From apartments and rooms to treehouses and boats:stay in unnique spaces in 192 countries.</p>
            <a href="#">See how to travel on Airbnb</a>
        </div>
        <div class="col-md-4 paddingright">
            <h2>Host</h2>
            <p>Renting out your unused space could pay your bills or fund your next vacation.</p>
            <a href="#">Learn more about hosting</a>
        </div>
        <div class="col-md-4 paddingright">
            <h2>Trust and Safety</h2>
            <p>From Verified ID to our worldwide customer support team,we've got your back.</p>
            <a href="#">Learn about trust in Airbnb</a>
        </div>
    </div>
</div>
</body>
</html>